﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>后台管理系统-保理软件</title>
    <meta name="keywords"  content="保理软件,保理产品" />
    <meta name="description" content="设置描述..." />
    <meta name="author" content="DeathGhost" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <!--产品logo-->
    <link rel="icon" href="../../images/icon/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <!--jQuery v3.2.1-->
    <script src="../../javascript/jquery.js"></script>
    <!--jquery.easyui v1.3.4-->
    <script src="../../javascript/jquery.easyui.min.js"></script>
    <!--滚动插件-->
    <script src="../../javascript/plug-ins/customScrollbar.min.js"></script>
    <!--统计插件-->
    <script src="../../javascript/plug-ins/echarts.min.js"></script>
    <!--弹框插件-->
    <script src="../../javascript/plug-ins/layerUi/layer.js"></script>
    <!--HTML编辑器插件-->
    <script src="../../editor/ueditor.config.js"></script>
    <!--HTML编辑器插件-->
    <script src="../../editor/ueditor.all.js"></script>
    <!--分页插件-->
    <script src="../../javascript/plug-ins/pagination.js"></script>
    <!--整个模板样式控制文件-->
    <script src="../../javascript/public.js"></script>
    <style>
        .form-group-col-2{
            width: 50%;
            float: left;
            margin-bottom: 5px;
        }
        .form-group-col-2 .form-label{
            padding: 3px 0px!important;
            font-size: 12px !important;
            width: 115px;
            font-weight: bolder;
        }
        .form-group-col-2 .form-cont {
            margin-left: 125px;
            min-height: 33px;
        }
        .form-control{
            font-size: 12px!important;
            padding: 4px 15px!important;
        }
        .form-group-col-2{
            width: 31%;
        }
    </style>
</head>
<body>
        <!--软件主体内容-->
        <main class="content mCustomScrollbar">
            <!--开始::内容-->
            <div class="page-wrap">
                <!--面包屑-->
                <section class="page-hd page-hd-top">
                    <div class="breadcrumb">
                        <ul>
                            <li>基础信息维护<i class="icon-angle-right"></i></li>
                            <li>客户信息维护</li>
                        </ul>
                    </div>
                </section>
                <div class="clear mb-10">
                    <button class="btn btn-secondary radius fr ml-15" style="padding: 4px 15px!important;font-size: 12px!important;" onclick="openNewIframe()">增加客户</button>
                    <div class="fr input-group">
                        <label class="mr-5 size-s">
                            客户名称：
                            <select id="Customername" class="easyui-combobox form-control" name="Customername" label="State:" labelPosition="top">
                            	<option value="-1">请选择</option>
											        <option value="1">宏桥</option>
											        <option value="2">万通</option>
											        <option value="3">得利</option>
											        <option value="4">恒一</option>
											        <option value="5">金驹</option>
                            </select>
                        </label>
                        <label class="mr-5 size-s">
                            五级分类：
                            <select style="width:auto;" class="form-control"  label="State:" labelPosition="top">
							                		<option value="-1">请选择</option>
							                    <option>正常</option>
							                    <option>非正常</option>
							                </select>
                        </label>
                        <button class="btn btn-secondary radius" style="padding: 4px 15px!important;font-size: 12px!important;" onclick="reloadThisIframe();">搜索</button>
                        <button class="btn btn-secondary radius" style="padding: 4px 15px!important;font-size: 12px!important;" onclick="exportCustomer();">导出</button>
                    </div>
                </div>
                <!--列表-->
                <table class="table mb-15 table-hover">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>客户名称</th>
                        <th>客户代码</th>
                        <th>五级分类</th>
                        <th>主办客户经理</th>
                        <th>联系人</th>
                        <th>联系电话</th>
                        <th>最后更新时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="cen">
                        <td>1</td>
                        <td>宏桥</td>
                        <td>CC00831</td>
                        <td>正常</td>
                        <td>李XX</td>
                        <td>王XX</td>
                        <td>13029384938</td>
                        <td>2017-11-09 19:20</td>
                        <td>
                            <a title="查看" class="mr-5" onclick="window.parent.addTab('查看客户信息-宏桥','admin/customer/show.html');">查看</a>
                            <a title="修改" class="mr-5" onclick="window.parent.addTab('修改客户信息-宏桥','admin/customer/edit.html');">修改</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>2</td>
                        <td>万通</td>
                        <td>CC00832</td>
                        <td>正常</td>
                        <td>周XX</td>
                        <td>高XX</td>
                        <td>13028374938</td>
                        <td>2017-11-04 10:18</td>
                        <td>
                            <a title="查看" class="mr-5">查看</a>
                            <a title="修改" class="mr-5">修改</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>3</td>
                        <td>得利</td>
                        <td>CC00835</td>
                        <td>正常</td>
                        <td>陈XX</td>
                        <td>朱XX</td>
                        <td>13911883872</td>
                        <td>2017-11-02 09:56</td>
                        <td>
                            <a title="查看" class="mr-5">查看</a>
                            <a title="修改" class="mr-5">修改</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>4</td>
                        <td>恒一</td>
                        <td>CC00839</td>
                        <td>正常</td>
                        <td>王XX</td>
                        <td>吴XX</td>
                        <td>13811098384</td>
                        <td>2017-10-24 13:48</td>
                        <td>
                            <a title="查看" class="mr-5">查看</a>
                            <a title="修改" class="mr-5">修改</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>5</td>
                        <td>金驹</td>
                        <td>CC00828</td>
                        <td>正常</td>
                        <td>习XX</td>
                        <td>郑XX</td>
                        <td>13691369009</td>
                        <td>2017-09-04 18:08</td>
                        <td>
                            <a title="查看" class="mr-5">查看</a>
                            <a title="修改" class="mr-5">修改</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!--开始::结束-->
        </main>
        
<div id="exportCustomer" style="display: none;">
    <div class="page-wrap">
       <div class="form-group-col-2">
           <div class="form-label">客户名称 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       
       <div class="form-group-col-2">
           <div class="form-label">客户代码 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       
       <div class="form-group-col-2">
           <div class="form-label">五级分类 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       
       <div class="form-group-col-2">
           <div class="form-label">注册资金 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">实缴资金 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">统一社会信用代码 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">纳税人识别号 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">注册号 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">组织机构代码 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">法定代表人 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>


       <div class="form-group-col-2">
           <div class="form-label">经营状态 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">成立日期 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">公司类型 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">人员规模 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">营业期限 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">登记机关 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">核准日期 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">英文名：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">所属地区：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">所属行业：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">注册地址 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
			 <div class="form-group-col-2">
           <div class="form-label">经营地址 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">经营范围 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">实际控制人 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>

       <div class="form-group-col-2">
           <div class="form-label">身份证号 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">联系人 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">电话 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">主办客户经理 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">协办客户经理 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>

       <div class="form-group-col-2">
           <div class="form-label">备用信息1 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">备用信息2 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">备用信息3 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">备用信息4 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label">备用信息5 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       
       <div style="clear: both;width: 25%;margin: 10px auto 15px;">
       		 <button class="btn btn-primary-outline">导出</button>
       </div>
   </div>
</div>
<script>
    /*
    删除账号
    * */
    function deleteCustomer(obj){
        parent.layer.confirm('您确定删除该账号吗？', {
            btn: ['确定','取消']
        }, function(){
            layer.msg('<span><span class="icon-spin icon-spinner"></span>删除中 . . . .</span>');
            parent.layer.closeAll();
        });
    }
    /*
     新增
     */
    function exportCustomer(){
        var viveW = $(window).width()/2;
        var viveH = $(window).height()-60;
        layer.open({
            type: 1,
            skin: 'layui-layer-demo',
            title:'导出客户信息',
            closeBtn: 2,
            offset:'20px',
            area: [viveW+'px', viveH+'px'],
            shade: [0.1, '#fff'],
            shadeClose: true, //开启遮罩关闭
            scrollbar: false,//屏蔽浏览器出现滚动条
            content: $('#exportCustomer')
        });
    }
    /*
    分页
    * */
    $(".pagination").createPage({
        pageCount:5,
        current:1,
        backFn:function(p){
            console.log(p);
        }
    });
    /*
     下拉框初始化
     * */
    var Customername = $('#Customername');

    Customername.combobox({
        prompt:'输入客户名称首关键字自动检索',
        valueField:'id',
        textField:'text',
        onSelect: function(rec){
            console.log(rec)
        }
    });

    /*
     获取值调用Ajax
     * */
    Customername.combobox('textbox').on({
        blur:function(){
            var getText = Customername.combobox('getText');
            var getValue = Customername.combobox('getValue');
            console.log(getValue+'+'+getText)
        },
        keydown:function(){
            if (event.keyCode == 13) {
                var getText = Customername.combobox('getText');
                var getValue = Customername.combobox('getValue');
                alert(getValue+'+'+getText)
            }
        }
    });








    /*
    刷新当前Iframe
    */
    function reloadThisIframe(){
        let data = iframeObj();
        window.parent.getFindIframe(data.attr('data-name'),'reload');
    }
    /*
    关闭当前Iframe
    */
    function CloseThisIframe(){
        let data = iframeObj();
        window.parent.getFindIframe(data.attr('data-name'),'Close');
    }
    /*
    在当前Iframe下重新打开一个子页面
    */
    function openNewIframe(){
        let data = iframeObj();
        window.parent.addTab('新增客户信息','admin/customer/add.html',data.attr('data-name'));
    }
    /*
    关闭当前页刷新父页面
    */
    function CloseThisReloadParent(){
        let data = iframeObj();
        window.parent.getFindIframe(data.attr('data-name'),'CloseReload',data.attr('data-parentName'));
    }
</script>
</body>
</html>
